<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美策服务平台</title>
    <link rel="shortcut icon" href="../../imgs/common/logo.png">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/StaffManage/StaffInfo.css">
    <link rel="stylesheet" href="../../css/StaffManage/StaffInfo/data.css">
    <link rel="stylesheet" href="../../css/StaffManage/StaffInfo/apply.css">
    <link rel="stylesheet" href="../../css/StaffManage/StaffInfo/collection.css">
    <link rel="stylesheet" href="../../css/StaffManage/StaffInfo/message.css">

</head>
<body>
    <div class="common" id="StaffInfo">
        <!-- <div class="delete-pop" :>
            <div class="delete-pop-bg">
                <div class="pop">
                    <img class="close" src="../../imgs/manage/close.png">
                    <div class="title">删除提示</div>
                    <div class="content">删除后不可恢复，确认删除吗？</div>
                    <div class="btns">
                        <button class="btn">取消</button>
                        <button class="btn btn-primary">确定</button>
                    </div>
                </div>
            </div>
        </div> -->

        <cm-header :login=true></cm-header>
        
        <div class="body">
            <!-- 员工类型 -->
            <!-- 使用 router-link 组件来导航. -->
            <!-- 通过传入 `to` 属性指定链接. -->
            <div class="router-icon">
                <div class="link icon" v-for="(item, index) in linkArr" :key="index">
                    <router-link :to="item.link">
                        <img :src="'../../imgs/manage/icon/' + item.linkName + '-active.png'" v-if="curLink == item.linkName">
                        <img :src="'../../imgs/manage/icon/' + item.linkName + '.png'" v-else>
                    </router-link>
                </div>
            </div>
            <div class="router-link">
                <div class="link text" v-for="(item, index) in linkArr" :key="index" :class="{active: curLink == item.linkName}"  @click="onSLink(item.linkName)">
                    <router-link :to="item.link">{{item.name}}</router-link>
                </div>
            </div>
            <!-- 路由出口 -->
            <!-- 路由匹配到的组件将渲染在这里 -->
            <div class="router-view">
                <router-view class="router"></router-view>
            </div>
        </div>
    </div>
    <script src="../../js/common/jquery-1.8.3.min.js"></script>
    <script src="../../js/common/vue_2.5.13.js"></script>
    <script src="../../js/common/vue-router-2.7.0.js"></script>
    <!-- 公共组件 -->
    <script src="../../js/components/header.js"></script>
    <script src="../../js/components/page.js"></script>

    <!-- 我的资料 -->
    <script src='../../js/components/StaffManage/data/base.js'></script>
    <script src='../../js/components/StaffManage/data/expansion.js'></script>
    <script src='../../js/components/StaffManage/data/certification.js'></script>
    <script src='../../js/components/StaffManage/data/setting.js'></script>
    <script src="../../js/components/StaffManage/MyData.js"></script>
    
    <!-- 我的应聘 -->
    <script src="../../js/components/StaffManage/MyApply.js"></script>
    <script src="../../js/components/StaffManage/MyApplyDetail.js"></script>

    <!-- 我的消息 -->
    <script src="../../js/components/StaffManage/message/company.js"></script>
    <script src="../../js/components/StaffManage/message/apply.js"></script>
    <script src="../../js/components/StaffManage/message/system.js"></script>
    <script src="../../js/components/StaffManage/message/quasi.js"></script>
    <script src="../../js/components/StaffManage/MyMessage.js"></script>
    
    <!-- 我的收藏 -->
    <script src="../../js/components/StaffManage/MyCollection.js"></script>

    <script src="../../js/components/StaffManage/MyAccount.js"></script>
    <script src="../../js/StaffManage/StaffInfo.js"></script>
</body>
</html>